$(function(){
	$(".page_selector").sSelect();
	//新增客户
	$.ajax({
		type: 'post',
		url: rootPath + "/customer/getNewCustomersCount",
		data: {rootDepth: '1'},
		dataType: 'json',
		success: function(data) {
			if (data && data.resultCode == '1') {
				$('#newCustomersCount').html(data.count);
			}
		}
	})
	//待审核客户
	$.ajax({
		type: 'post',
		url: rootPath + "/customer/getPendingApprovalCount",
		data: {rootDepth: '1'},
		dataType: 'json',
		success: function(data) {
			if (data && data.resultCode == '1') {
				$('#pendingApprovalCount').html(data.count);
			}
		}
	})
	//累计客户
	$.ajax({
		type: 'post',
		url: rootPath + "/customer/getAuditedCount",
		data: {rootDepth: '1'},
		dataType: 'json',
		success: function(data) {
			if (data && data.resultCode == '1') {
				$('#auditedCount').html(data.count);
			}
		}
	})
	
	//时间尺度
	$('#dateScale').change(function(){
		var scaleType = $(this).val();
		var beginDate = "";
		var endDate = moment().format('YYYY-MM-DD');
		if (scaleType == "1") { //最近15天
			beginDate = moment().add(-15,'days').format('YYYY-MM-DD');
		} else if (scaleType == "2") { //最近一个月
			beginDate = moment().add(-1,'month').format('YYYY-MM-DD');
		} else if (scaleType == "3") { //最近三个月
			beginDate = moment().add(-3,'month').format('YYYY-MM-DD');
		}
		$('#searchDate').data('daterangepicker').setStartDate(beginDate);
		$('#searchDate').data('daterangepicker').setEndDate(endDate);
		doLoadCustomerGrowthData();
	})
	
	//查询类别
	$("#total").click(function(){
		$("#type").val("total");
		$(this).addClass("current");
		$("#today").removeClass("current");
		
		var scaleType = $("#dateScale").val();
		var beginDate = "";
		var endDate = moment().format('YYYY-MM-DD');
		if (scaleType == "1") { //最近15天
			beginDate = moment().add(-15,'days').format('YYYY-MM-DD');
		} else if (scaleType == "2") { //最近一个月
			beginDate = moment().add(-1,'month').format('YYYY-MM-DD');
		} else if (scaleType == "3") { //最近三个月
			beginDate = moment().add(-3,'month').format('YYYY-MM-DD');
		}
		$('#searchDate').data('daterangepicker').setStartDate(beginDate);
		$('#searchDate').data('daterangepicker').setEndDate(endDate);
		doLoadCustomerGrowthData();
	});
	
	$("#today").click(function(){
		$("#type").val("today");
		$(this).addClass("current");
		$("#total").removeClass("current");
		
		var scaleType = $("#dateScale").val();
		var beginDate = "";
		var endDate = moment().format('YYYY-MM-DD');
		if (scaleType == "1") { //最近15天
			beginDate = moment().add(-15,'days').format('YYYY-MM-DD');
		} else if (scaleType == "2") { //最近一个月
			beginDate = moment().add(-1,'month').format('YYYY-MM-DD');
		} else if (scaleType == "3") { //最近三个月
			beginDate = moment().add(-3,'month').format('YYYY-MM-DD');
		}
		$('#searchDate').data('daterangepicker').setStartDate(beginDate);
		$('#searchDate').data('daterangepicker').setEndDate(endDate);
		doLoadCustomerGrowthData();
	});
	
	// 初始化时间范围
	sys.daterangepicker({
		id : 'searchDate',
		maxDate : '2199-12-31',
		type : 'date' 
	});
	
	//最近15天
	var endDate = moment().format('YYYY-MM-DD');
	var beginDate = moment().add(-15,'days').format('YYYY-MM-DD');
	$('#searchDate').data('daterangepicker').setStartDate(beginDate);
	$('#searchDate').data('daterangepicker').setEndDate(endDate);
	
	$('#searchDate').on('apply.daterangepicker', function(){
		doLoadCustomerGrowthData();
	});
	
	// 初始化
	doLoadCustomerGrowthData();
})

/**
 * 初始化数据
 * 
 * @Description do-something
 * @author xu_cc
 * @date 创建时间：2018年1月6日 下午6:07:06
 */
function doLoadCustomerGrowthData() {
	var searchDate = $("#searchDate").val();
	var beginDate = null;
	var endDate = null;
	if (searchDate && searchDate.indexOf(' - ') > 0) {
		beginDate = searchDate.split(' - ')[0];
		endDate = searchDate.split(' - ')[1];
	} 
	// 定义查询回调函数（查询参数在此设置）
	var params = {
		begin : beginDate,
		end : endDate
	};
	$.ajax({
		type : 'post',
		url : rootPath + '/report/getCustomerGrowthData',
		dataType : 'json',
		async : false,
		data : params,
		success : function(data) {
			if (data) {
				initChart(data);
			}
		}
	});
}

/**
 * 初始化
 * 
 * @Description do-something
 * @author xu_cc
 * @date 创建时间：2018年1月6日 下午6:12:20
 * @param data
 */
function initChart(data) {
	var xAxisData = new Array();
	var seriesTodayCount = new Array();
	var seriesTotalCount = new Array();

	for (var i = 0; i < data.length; i++) {
		xAxisData[i] = data[i].dateStr;
		seriesTodayCount[i] = data[i].customerGrowthCount;
		seriesTotalCount[i] = data[i].customerTotalCount;
	}
	var type = $("#type").val();
	var tableName = type == "total" ? "累计客户" : "新增客户";
	
	var myChart = echarts.init(document.getElementById('customerGrowthDiv'));
	var option = {
		tooltip : {
			trigger : 'axis'
		},
		calculable : true,
		legend : {
			data : [ tableName ]
//			data : [ "累计客户","新增客户" ]
		},
		xAxis : {
			axisLabel : {
				show : true,
				interval : 'auto', // {number}
				rotate : 45,
				margin : 8
			// formatter: '{value}月',
			},
			data : xAxisData
		},
		yAxis : {
			type : 'value',
			name : tableName,
			axisLine : { // 轴线
				show : true,
				lineStyle : {
					color : '#000000',
					type : 'solid',
					width : 1
				}
			},
			axisLabel : { // 显示值
				formatter : '{value} 个',
				textStyle : {
					color : '#000000',
					fontFamily : 'verdana',
					fontStyle : 'normal'
				}
			},
			splitLine : {
				show : false
			// 图表内标识线不展示
			},
	        minInterval: 1
		},
		series : {
			name : tableName,
			type : 'line',
			symbolSize : 6,
			itemStyle : {
				normal : {
					color : '#C23531',
					borderWidth : 1
				}
			},
			data : type == "total" ? seriesTotalCount : seriesTodayCount
		}
		
//		// y轴（可多个）
//		yAxis : [ {
//			type : 'value',
//			name : '累计客户',
//			axisLine : { // 轴线
//				show : true,
//				lineStyle : {
//					color : '#000000',
//					type : 'solid',
//					width : 1
//				}
//			},
//			axisLabel : { // 显示值
//				formatter : '{value} 个',
//				textStyle : {
//					color : '#000000',
//					fontFamily : 'verdana',
//					fontStyle : 'normal'
//				}
//			},
//			splitLine : {
//				show : false
//			// 图表内标识线不展示
//			}
//		}, {
//			type : 'value',
//			name : '新增客户',
//			axisLine : { // 轴线
//				show : true,
//				lineStyle : {
//					color : '#337ab7',
//					type : 'solid',
//					width : 1
//				}
//			},
//			axisLabel : { // 显示值
//				formatter : '{value} 个',
//				textStyle : {
//					color : '#337ab7',
//					fontFamily : 'verdana',
//					fontStyle : 'normal',
//					fontWeight : 'bold'
//				}
//			}
//		} ],
//		series : [ {
//			name : '累计客户',
//			type : 'line',
//			symbolSize : 6,
//			itemStyle : {
//				normal : {
//					color : '#000000',
//					borderWidth : 1
//				}
//			},
//			data : seriesTotalCount
//		}, {
//			name : '新增客户',
//			type : 'line',
//			yAxisIndex : 1,
//			itemStyle : {
//				normal : {
//					color : '#337ab7'
//				}
//			},
//			data : seriesTodayCount
//		} ]
	};
	// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option, true);
}